<template>
	<view class="apply">
		<u-navbar
			title="成为讲师"
			:back-icon-size="28"
			back-icon-color="#000000"
			:title-size="28"
			:border-bottom="false"
			:back-text-style="{ color: '#000000', fontSize: '26rpx' }"
			title-color="#000000"
		></u-navbar>
		<view class="u-img"><u-image width="690rpx" height="320rpx" src="https://letuilm.com/school/baoming_files/js-jh.png"></u-image></view>
		<view class="myself"><view class="section">乐推学院</view></view>
		<view class="lt_info">
			<view class="u-m-b-16"><text>乐推学院旨在为团队打造专业的市场优秀导师，提高超级乐推项目的市场发展速度。</text></view>
			<view class="u-m-b-16"><text>乐推学院导师班能够帮助每一位盟友快速掌握专业培训技能、进一步加深对超级乐推模式及支付行业的认识和了解。</text></view>
			<view class="u-m-b-16">
				<text>
					通过培训可以使各盟友具备较强交际能力、语言表达能力、组织之间的协调力，使各盟友具有提出问题并能主动解决问题的能力，由外行变内行，由内行变精英，帮助大家展业，解决团队发展问题，可以轻松自如地与客户进行讲解和交流。
				</text>
			</view>
			<view class="u-m-b-16"><text>乐推学院旨在为团队打造专业的市场优秀导师，提高超级乐推项目的市场发展速度。</text></view>
		</view>
		<view class="myself"><view class="section">培训目的</view></view>
		<view class="aim">
			<view class="aim_li" v-for="(item, index) in aimlist" :key="index">
				<u-image width="340rpx" height="220rpx" :border-radius="20" :src="item.img"></u-image>
				<view class="aim_text">
					<text class="u-line-2">{{ item.info }}</text>
				</view>
			</view>
		</view>
		<view class="myself"><view class="section">往期回顾</view></view>
		<view class="aim">
			<view class="aim_li" v-for="(item, index) in aimlist" :key="index">
				<u-image width="340rpx" height="220rpx" :border-radius="20" :src="item.img"></u-image>
				<view class="aim_text">
					<text class="u-line-2">{{ item.info }}</text>
				</view>
			</view>
		</view>
		<view class="myself">
			<view class="section sectionmore">
				<text>乐推学院金牌导师团</text>
				<text>查看更多>></text>
			</view>
		</view>
		<view class="peoplelist">
			<!-- 	<view class="user_li" v-for="(item, index) in avatarlist" :key="index">
					<u-avatar size="" :src="item.img"></u-avatar>
			</view> -->
			<u-image width="690rpx" height="684rpx" src="https://letuilm.com/school/baoming_files/js-dw.png"></u-image>
		</view>
		<view class="myself"><view class="section">报名条件</view></view>
		<view class="condition">
			<view class="u-m-b-16"><text>1、高度认可超级乐推事业平台，愿意跟随公司一起做强做大。</text></view>
			<view class="u-m-b-16"><text>2、敢于表达，形象气质姣好,热爱分享，乐于帮助他人成功。</text></view>
			<view class="u-m-b-16"><text>3、希望通过学习提高自身全面综合素质,接受乐推学院统一授课调配。</text></view>
		</view>
		<u-line border-style="dashed" color="#cccccc" />
		<view class="myself"><view class="section">往期回顾</view></view>
		<view class="aim">
			<view class="aim_li" v-for="(item, index) in aimlist" :key="index">
				<u-image width="340rpx" height="220rpx" :border-radius="20" :src="item.img"></u-image>
				<view class="aim_text">
					<text class="u-line-2">{{ item.info }}</text>
				</view>
			</view>
		</view>
		<view class="fixedbtn">
			<u-button
				size="default"
				:ripple="true"
				:hair-line="false"
				:custom-style="{
					color: '#ffffff',
					backgroundColor: '#eacc92',
					border: 'none'
				}"
			>
				立即报名
			</u-button>
		</view>
	</view>
</template>

<script>
// 获取系统状态栏的高度
let systemInfo = uni.getSystemInfoSync();
export default {
	name: 'apply',
	data() {
		return {
			avatarlist: [],
			mpbarheight: systemInfo.statusBarHeight,
			aimlist: [
				{
					img: 'https://letuilm.com/school/baoming_files/js-sh-2.jpg',
					info: '优先得到公司支持，从此招商、培训无忧'
				},
				{
					img: 'https://letuilm.com/school/baoming_files/js-sh-2.jpg',
					info: '优先得到公司支持，从此招商、培训无忧'
				},
				{
					img: 'https://letuilm.com/school/baoming_files/js-sh-2.jpg',
					info: '优先得到公司支持，从此招商、培训无忧'
				},
				{
					img: 'https://letuilm.com/school/baoming_files/js-sh-2.jpg',
					info: '优先得到公司支持，从此招商、培训无忧'
				}
			]
		};
	},
	//实例创建完成后被立即调用
	created() {},
	onLoad(option) {},
	//挂载开始之前被调用
	beforeMount() {},
	onPullDownRefresh() {
		//监听下拉刷新动作的执行方法，每次手动下拉刷新都会执行一次
		console.log('refresh');
		setTimeout(function() {
			uni.stopPullDownRefresh(); //停止下拉刷新动画
		}, 1000);
	},
	//初次渲染完成
	onReady() {},
	//全局只触发一次
	onLaunch() {},
	//从后台进入前台
	onShow() {},
	//前台进入后台
	onHide() {},
	methods: {}
};
</script>

<style lang="scss" scoped>
.apply {
	.u-img {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 40rpx 30rpx;
	}
	.myself {
		padding: 40rpx 15px;
		font-size: 26rpx;
		.section {
			color: #be9b58;
			border-left: solid #c5994c 8rpx;
			height: 60rpx;
			line-height: 60rpx;
			text-indent: 20rpx;
			font-weight: 800;
		}
		.sectionmore {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
	}
	.lt_info {
		width: 690rpx;
		margin: 0 auto;
	}
	.aim {
		width: 690rpx;
		margin: 0 auto;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		align-items: center;
		padding-bottom: 60rpx;
		.aim_li {
			margin-bottom: 32rpx;
			.aim_text {
				padding-top: 12rpx;
				width: 310rpx;
				margin: 0 auto;
			}
		}
	}
	.peoplelist {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.condition {
		width: 690rpx;
		margin: 0 auto;
		color: #be9b58;
		margin-bottom: 30rpx;
	}
	.fixedbtn {
		width: 100%;
		position: fixed;
		bottom: 0;
		font-size: 32rpx;
		font-weight: bold;
		// color: #ffffff;
	}
}
</style>
